{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}

	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">
			<nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php" class="active">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href={if $menuItem->link}"{$menuItem->link}"{else}"#"{/if}>{$menuItem->name}</a>
						{if $menuItem->submenus}
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a>
							
                                                           {if $subMenuItem->subpages|@count >= 1}
							   <ul class="sub-menu">
							   {foreach $subMenuItem->subpages as $subPageItem}
							            <li><a href="{$subPageItem->link}">{$subPageItem->name}</a></li>
		    			                   {/foreach}
                                                           </ul>
                                                           {/if}
		    			                  
		    			                </li>
							{/foreach}
						</ul>
						{/if}
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

{* TODO decide whether to implement search
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div> *}
		</header>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
			<!-- Content -->
			<section id="content" class="eight column row pull-left">
				<!-- Slider -->
				<div class="flexslider mb25">
					<ul class="slides no-bullet inline-list m0">
						{foreach $slider1 as $sliderEntry}
						<li>
						        {if $sliderEntry->clickurl}
						        <a href="{$sliderEntry->clickurl}">
						        {else}
				     			<a href="#">
				     			{/if}
				     			   <img alt="" src="{$sliderEntry->url}">
				     			</a>
				     			{if $sliderEntry->caption}
				     			<div class="flex-caption">
				                		<div class="desc">
				                			<h1><a href="#">Maecenas mattis, tortor ut posuere aliquam.</a></h1>
				                			<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor</p>
				                		</div>
				            		</div>
				            		{/if}
						</li>
						{/foreach}
					</ul>
				</div>
				<!-- End Slider -->

				<section class="row">
					<!-- Category posts -->
					<article class="six column">
						<h4 class="cat-title"><a href="#">Top 10 Fonts</a></h4>
						<div class="post-image">
							<!--<a href="#"><img src="http://placehold.it/300x220" alt="Top 10 fonts Youtube"></a>-->
							<iframe width="100%" height="220" src="http://www.youtube.com/embed/vwc6SzWNpw0" frameborder="0" allowfullscreen></iframe>

							
						</div>

						
						<div class="post-container">
							
						<!--
							<div class="post-content">
								<p>Venenatis volutpat orci, ut sodales augue tempor nec. Integer tempus ullamcorper felis eget dipiscing. Maecenas orci justo, mollis at tempus ac, gravida non</p>
							</div>
							-->
						</div>

						<!--
						<div class="post-meta">
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
							<span class="date"><a href="#">13 Jan 2013</a></span>
						</div>
						-->
						
						

						<!--
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					<!-- End Category posts -->

					<!-- Category posts -->
					<article class="six column">
						<h4 class="cat-title"><a href="#">Installing Fonts in Windows</a></h4>
						<div class="post-image">
							<!--<a href="#"><img src="http://placehold.it/300x220" alt="Windows7 install fonts, New fonts in Windows"></a>-->
							<iframe width="100%" height="220" src="http://www.youtube.com/embed/mBRNM0Md65E" frameborder="0" allowfullscreen></iframe>
						</div>

						<div class="post-container">
							<h2 class="post-title"></h2>
							<!--
							<div class="post-content">
								<p>Venenatis volutpat orci, ut sodales augue tempor nec. Integer tempus ullamcorper felis eget dipiscing. Maecenas orci justo, mollis at tempus ac, gravida non</p>
							</div>
							-->
						</div>

						<!--
						<div class="post-meta">
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
							<span class="date"><a href="#">13 Jan 2013</a></span>
						</div>
						-->

						<!--
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					<!-- End Category posts -->
				</section>
				
				<br clear="all"/>
				<br clear="all"/>

				<!-- Carousel Posts -->

				
				{* Carousel example - not used so commented out
				<div class="clearfix mb10 oh">
					<h4 class="cat-title">Adobe Fireworks Tips & Tricks</h4>
					<!-- jCarousel -->
					<div class="carousel-container">
						<div class="carousel-navigation">
							<a class="carousel-prev"></a>
							<a class="carousel-next"></a>
						</div>
						
						<div class="carousel-item-holder row" data-index="0">
						
							{foreach $carousel1 as $carouselPost}
							<div class="four column carousel-item">
								{if $carouselPost->posttype == "image"}
								<!--<a href="#"><img src="http://placehold.it/300x250" alt=""></a>-->
								<a href="#"><img src="{$carouselPost->url}" alt="Adobe Fireworks Tips"></a>
								{/if}
								{if $carouselPost->posttype == "youtube"}
								<iframe width="100%" height="180" src="{$carouselPost->url}" frameborder="0" allowfullscreen></iframe>
								{/if}

								<div class="post-container">
									<h2 class="post-title">{$carouselPost->title}</h2>
									<div class="post-content">
									<p>{$carouselPost->description}</p>
									</div>
								</div>

								{if $carouselPost->metadata}
								<div class="post-meta">
									{if $carouselPost['metadata']['comments']}
									<span class="comments"><a href="#">{$carouselPost['metadata']['comments']['count']}</a></span>
									{/if}
									{if $carouselPost['metadata']['date']}
									<span class="date"><a href="#">{$carouselPost['metadata']['date']}</a></span>
									{/if}
								</div>
								{/if}
							</div>
							{/foreach}
						</div>
					</div>
					<!-- End jCarousel -->
				</div>
				*}
				<!-- End Carousel Posts -->

                                <div id="disqus_thread"></div>
                                <script type="text/javascript">

                                   var disqus_shortname = 'geekawhat'; // required: replace example with your forum shortname
                                   var disqus_identifier = 'index_page';
                                   var disqus_title = 'Discuss Geekawhat';
                                   var disqus_url = 'http://www.geekawhat.com/newsite/index.php';

                                  (function() {
                                      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                   })();
                                </script>
                                <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
				



				<!-- Ads
				<div class="ads-middle mb25">
					<a href="#"><img src="http://placehold.it/468x60" alt=""></a>
				</div> -->
				<!-- Ads -->

				<section class="row">
					<!-- Category posts -->
					{foreach $categoryPosts as $categoryPost}
					<article class="six column">
						<h4 class="cat-title"><a href="#">{$categoryPost->title}</a></h4>
						<div class="post-image">
							<a href="#"><img src="{$imagebaseurl}/{$categoryPost->image}" alt=""></a>
						</div>

						<div class="post-container">
							<h2 class="post-title">{$categoryPost->posttitle}</h2>
							{if $categoryPost->postcontent}
							<div class="post-content">
								<p>{$categoryPost->postcontent}</p>
							</div>
							{/if}
						</div>

						<div class="post-meta">
						<!--
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
						-->
							{if $categoryPost->date}
							<span class="date"><a href="#">{$categoryPost->date}</a></span>
							{/if}
						</div>

						<!-- TODO other posts
						<div class="other-posts">
							<ul class="no-bullet">
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">Check Out the New Recommended Resources on Webdesigntuts+</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">15 Great Last-Minute Gifts for Web Designers</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
								<li>
									<a href="#"><img src="http://placehold.it/50x50" alt=""></a>
									<h3 class="post-title"><a href="#">How to Create an SEO-Friendly URL Structure</a></h3>
									<span class="date"><a href="#">13 Jan 2013</a></span>
								</li>
							</ul>
						</div>
						-->
					</article>
					{/foreach}
					<!-- End Category posts -->

				</section>

				<!-- TODO Gallery Posts
				<div class="clearfix mb25 oh">
					<h4 class="cat-title">Gallery</h4>
					<!-- jCarousel -->
					<!--
					<div class="carousel-container">
						<div class="carousel-navigation">
							<a class="carousel-prev"></a>
							<a class="carousel-next"></a>
						</div>
						<div class="carousel-item-holder gallery row" data-index="0">
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
							<div class="four column carousel-item">
								<a href="#"><img src="http://placehold.it/300x250" alt=""></a>
							</div>
						</div>
					</div>
					<!-- End jCarousel -->
				<!--
				</div>
				-->
				<!-- End Gallery Posts -->
			</section>
			<!-- Content -->

			<!-- Sidebar -->

                        <aside id="xxsidebar-twitter" class="four column pull-right sidebar-twitter" style="min-height:600px;min-width: 180px">
{literal}
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
{/literal}
                           <a class="twitter-timeline"  href="https://twitter.com/GeekaWhat"  data-widget-id="335390083077259264">Tweets by @GeekaWhat</a>
                        </aside>

			<aside id="sidebar" class="four column pull-right">


                               

				<ul class="no-bullet">
					
					<br clear="all"/>
					<br clear="all"/>
					
					<li class="widget widget_video clearfix">
						<h3 class="widget-title">Featured Video</h3>
						<div class="flex-video widescreen">
							<iframe src="http://www.youtube.com/embed/w1fcf-Gf9OE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
							
							
						</div>
					</li>
					
					<li class="widget widget_social_media clearfix">
						<h3 class="widget-title">Follow us</h3>
						<ul class="no-bullet">
							<li class="twitter">
								<div class="btn">
									<a href="https://twitter.com/geekawhat" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @GeekaWhat</a>
									
									{literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>{/literal}
								
								</div>
							</li>
							
							<li class="youtube">
									<a href="http://youtube.com/subscription_center?add_user=geekawhat" class="youtube-subscribe-button">
										<img src="/images/social_media_youtube_background.PNG" alt="Geekawhat youtube subscribe"
  width="143" height="84" border="0" />
									</a>
							</li>
						</ul>
					</li>
					
				</ul>
			</aside>
			<!-- End Sidebar -->

			<!-- Footer -->
			<footer class="row clearfix">
			
				<!-- Footer widgets -->
				<ul class="no-bullet clearfix">
                                        
				</ul>
				<!-- End Footer widgets -->

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->
	
	<a href="https://plus.google.com/111973053814515539458" rel="publisher">Google+</a>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>


</body>
</html>